<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 我是注释 -->

    <div>
        <h1>这是一篇JAVA语言</h1>
        <div>
            JAVA是一门好的语言!!!!
        </div>
        <div>
            java是一门后端语言!!!
        </div>

        <span style="color: brown;">
            java包含很多语言！！！
        </span>
        <span style="color: blue;">
            有数据库，javaSE，JAVAEE
        </span>
    </div>

    <hr>
    <form action="https://www.baidu.com"  method="get">
        姓名：<input type="text"><br>
        密码：<input type="password"><br>
        性别：<input type="radio"  name="sex" value="男"> 男 &nbsp; &nbsp;<input type="radio"  name="sex"> 女<br>
        爱好: <input type="checkbox"> 听音乐&nbsp; &nbsp;<input type="checkbox"> 跑步&nbsp; &nbsp;
        <input type="checkbox"> 运动&nbsp; &nbsp;<input type="checkbox"> 撩妹&nbsp; &nbsp;<br>
        头像： <input type="file"><br>
        <label >我是注释</label><br>
        大学：<select>
            <option >北京大学</option>
            <option selected="selected">清华大学</option>
            <option >家里蹲大学</option>
        </select><br>
        <br>

        备注：<textarea  cols="50" rows="10"> </textarea><br>
        <input type="button" value="普通按钮">&nbsp; &nbsp;<input type="submit" value="提交">&nbsp; &nbsp;
        <input type="reset" value="清空"><br>
        <!-- 默认是submit，提交标签 -->
        <br>
        <button type="button"> 标签</button>
    </form>
 
    <hr>

    <h1>标题标签1</h1>
    <h2>标题标签2</h2>
    <h3>标题标签3</h3>
    <h4>标题标签4</h4>
    <h5>标题标签5</h5>
    <h6>标题标签6</h6>
    使用p标签
    <p></p>
    是马克思主义的一个基本目标。按照马克思、恩格斯的构想，共产主义社会将彻底消除阶级之间的富裕.
    <p></p> 到那时，“生产将以所有的人富裕为目的”“所有人共同享受大家创造出来的福利”。实现共同富裕，
    <hr>
    使用换行标签
    <p></p>
    是马克思主义的一个基本目标。按照马克思、恩格斯的构想，共产主义社会将彻底消除阶级之间的富裕.
    <br> 到那时，“生产将以所有的人富裕为目的”“所有人共同享受大家创造出来的福利”。实现共同富裕，

    <a href="test.zip">下载文件</a>

            <hr>
            <h3>无序列表</h3>
            <ul>
                <li>唐生</li>
                <li>唐三</li>
                <li>唐山</li>
            </ul>
            <hr>
            <h3>有序列表</h3>
            <ol>
                <li>唐生</li>
                <li>唐三</li>
                <li>唐山</li>
            </ol>

            <hr>
            <h3>自定义列表</h3>
            <dl>
                <dt>唐三</dt>
                <dt>唐僧</dt>
                <dt>唐山</dt>
                <dd>123</dd>
            </dl>
    
</body>
</html>